<ui:composition xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui" 
  xmlns:h="http://java.sun.com/jsf/html" xmlns:pr="http://java.sun.com/jsf/composite/totororo"
  template="../template_front.xhtml">
  <ui:define name="content">  
  
    <h:form id="contentForm">
     	<h1>Page de paiement</h1>
     	
      <h:panelGrid columns="1" rows="2">
          	
      	<h:outputLabel for="total" value="Total commande : #{order.total} euros "/>
    	
    	<h:outputLabel for="numero" value="Numero carte bancaire"/>
    	<p:inputMask id="numero" value="#{paiementController.paiement.numero}" mask="9999-9999-9999-9999" required="true">
    	</p:inputMask>
    		     	
    	<h:outputLabel for="dateExpirationChamps1" value="Champs 1 Date" />
    	<p:inputMask id="dateExpirationChamps1" value="#{paiementController.paiement.dateExpirationChamps1}" mask="99" required="true" />

    	<h:outputLabel for="dateExpirationChamps2" value="Champs 2 Date" />
    	<p:inputMask id="dateExpirationChamps2" value="#{paiementController.paiement.dateExpirationChamps2}"  mask="99"  required="true" />
	     	              
    	<h:outputLabel for="chiffres" value="Chiffres"/>
    	<p:inputMask id="chiffres" value="#{paiementController.paiement.chiffres}"  mask="999" required="true" />
    	
      <p:commandButton action="#{paiementController.createPaiement}" value="Valider le paiement" onclick="dlgPaiement.show();">
      	<f:param name="orderId" value="#{orderController.tempOrder.id}"/>
      </p:commandButton> 
      
		<p:dialog header="Dialog" widgetVar="dlgPaiement" maximizable="true" minimizable="true">
		    <h:outputText value="Votre paiement a été validé" />
		</p:dialog>	

      </h:panelGrid>
      
      <h:messages globalOnly="true"/>
    </h:form>  
  </ui:define>
</ui:composition>
